<div class="contract-box" [ngStyle]="tagData.cssStyle | styleFilter">
    <div class="icon">
        <img src={{data?.status?.icon}} />
    </div>
    <div *ngIf="data?.data && data?.data.length" class="contract-content">
        <ng-container *ngFor="let contractList of data?.data">
            <div class="contract-row">

                <!-- 信息 -->
                <ng-container *ngIf="contractList?.type==='title'">
                    <span class="contract-title" [ngStyle]="contractList.cssStyle | styleFilter">
                        {{contractList?.label}}
                    </span>
                </ng-container>

                <!-- 信息 -->
                <ng-container *ngIf="contractList?.type==='normal'">
                    <span class="contract-label" [ngStyle]="contractList.cssStyle | styleFilter">
                        {{contractList?.label}}
                    </span>
                    <div class="inlinebox vertop marginl163 " [innerHTML]="contractList?.content?.display | parseStyle">
                    </div>
                </ng-container>

                <!-- 姓名手机号tag -->
                <ng-container *ngIf="contractList?.type==='contact'">
                    <span class="contract-label">
                        {{contractList?.label}}
                    </span>
                    <div class="inlinebox vertop marginl163 ">
                        <div style="color: #637AA6;">
                            <span class="inlinebox marginb44"
                                *ngIf="contractList?.content?.name">{{contractList?.content?.name}}<span>&nbsp;</span></span>
                            <span *ngIf="contractList?.content?.mobile">
                                <span class="wnowrap inlinebox marginb44">
                                    <span [innerHTML]="contractList?.content?.mobile"></span>
                                    <img appDebounceClick (debounceClick)="callConsultant(contractList?.content?.mobile)" class="phone"
                                        src="assets/icon/details_icon_telephone@3x.png" />
                                </span>
                            </span>
                        </div>
                        <div>
                            <div *ngIf="contractList?.content?.section1" [innerHTML]="contractList?.content?.section1"
                                class="inlinebox vertop tag1"></div>
                            <div *ngIf="contractList?.content?.section2" [innerHTML]="contractList?.content?.section2"
                                class="inlinebox vertop tag2"></div>
                        </div>
                    </div>
                </ng-container>

                <!-- 广告 -->
                <ng-container *ngIf="contractList?.type==='advertise'">
                    <span class="contract-label">
                        {{contractList?.label}}
                    </span>
                    <div class="inlinebox vertop marginl163 ">
                        <div *ngIf="contractList?.content?.display">
                            <span [innerHTML]="contractList?.content?.display"></span>
                        </div>
                        <div>
                            <div *ngIf="contractList?.content?.payImages && contractList?.content?.payImages.length>0"
                                class="inlinebox vertop imgbox margint125">
                                <div *ngIf="contractList?.content?.payImages.length && contractList?.content?.payImages.length>1"
                                    class="imgnum">{{contractList?.content?.payImages.length}}</div>
                                <img class="con-img marginr31" src={{contractList?.content?.payImages[0]}}
                                    appDebounceClick (debounceClick)="openImage_url(0,contractList?.content?.payImages)" />
                                <ng-container *ngIf="contractList?.content?.text">
                                    <div class="imgtxt">{{contractList?.content?.text}}</div>
                                </ng-container>
                                <ng-container *ngIf="!contractList?.content?.text">
                                    <div class="imgtxt">付款凭证</div>
                                </ng-container>

                            </div>
                            <div *ngIf="contractList?.content?.contractImages && contractList?.content?.contractImages.length>0"
                                class="inlinebox vertop imgbox margint125">
                                <div *ngIf="contractList?.content?.contractImages.length && contractList?.content?.contractImages.length>1"
                                    class="imgnum">{{contractList?.content?.contractImages.length}}</div>
                                <img class="con-img" src={{contractList?.content?.contractImages[0]}}
                                    appDebounceClick (debounceClick)="openImage_url(0,contractList?.content?.contractImages)" />
                                <div class="imgtxt">合同凭证</div>
                            </div>
                        </div>
                    </div>
                </ng-container>
                <ng-container *ngIf="contractList?.type==='line'">
                    <div class="line"></div>
                </ng-container>
                <ng-container *ngIf="contractList?.type==='boldLine'">
                    <div class="bold-line"></div>
                </ng-container>
            </div>
        </ng-container>
    </div>
</div>